<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, shrink-to-fit=no" />
  <title>Just Coder</title>
  <meta name="description" content="NGTE Projects" />
  <link rel="icon" href="./assets/favicon.ico" />
  <meta itemprop="name" content="Projects" />
  <meta itemprop="description" content="NGTE Projects" />
  <meta itemprop="image" content="./assets/icons/icon-192x192.png" />
  <meta name="gc:theme" content="medium">
  <!-- See https://goo.gl/OOhYW5 -->
  <link rel="manifest" href="./assets/manifest.json" />
  <!-- See https://goo.gl/qRE0vM -->
  <meta name="theme-color" content="#ffffff" />
  <!-- Add to homescreen for Chrome on Android. Fallback for manifest.json -->
  <meta name="mobile-web-app-capable" content="yes" />
  <meta name="application-name" content="Projects" />
  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  <meta name="apple-mobile-web-app-title" content="Projects" />
  <!-- Homescreen icons -->
  <link rel="apple-touch-icon" href="./assets/icons/icon-48x48.png" />
  <link rel="apple-touch-icon" sizes="72x72" href="./assets/icons/icon-72x72.png" />
  <link rel="apple-touch-icon" sizes="96x96" href="./assets/icons/icon-96x96.png" />
  <link rel="apple-touch-icon" sizes="144x144" href="./assets/icons/icon-144x144.png" />
  <link rel="apple-touch-icon" sizes="192x192" href="./assets/icons/icon-192x192.png" />
  <!-- Tile icon for Windows 8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="./assets/icons/icon-144x144.png" />
  <meta name="msapplication-TileColor" content="#ffffff" />
  <meta name="msapplication-tap-highlight" content="no" />
  <!-- OpenGraph -->
  <meta property="og:site_name" content="Projects" />
  <meta property="og:url" content="https://wx-chevalier.github.io/projects" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Projects" />
  <meta property="og:description" content="Find projects from NGTE" />
  <meta property="og:image" content="./assets/icons/icon-144x144.png" />
  <!-- Twitter -->
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:site" content="@wx-chevalier" />
  <meta name="twitter:creator" content="@wx-chevalier" />
  <meta name="twitter:url" content="https://wx-chevalier.github.io/projects" />
  <meta name="twitter:title" content="Projects" />
  <meta name="twitter:description" content="Find projects from NGTE" />
  <meta name="twitter:image" content="./assets/icons/icon-144x144.png" />
  <!-- Web Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Montserrat:500,600,900&display=swap" rel="stylesheet" />
  <!-- Scripts -->
  <link rel="stylesheet" href="./assets/index.css" />
  <script>
    if ("serviceWorker" in navigator) {
      window.addEventListener("load", function () {
        navigator.serviceWorker
          .register("./assets/sw.js")
          .then(function (registration) {
            console.log(
              "ServiceWorker registration successful with scope: ",
              registration.scope
            );
          })
          .catch(function (err) {
            console.log("ServiceWorker registration failed: ", err);
          });
      });
    }
  </script>
  <style>
    #_hj-f5b2a1eb-9b07_feedback_open {
      height: 350px;
      width: 400px;
      background-color: white;
    }
  </style>
</head>

<body>
  <aside>
    <div class="logo">
      <a href="https://wx-chevalier.github.io/">
        Just Coder
        <br />
        某熊的代码
      </a>
    </div>
    <nav>
      <ul>
        <li class="subhead">发现</li>
        <li>
          <a class="nav scrolltoview" href="/"><span class="icon">🏠</span>主页</a>
        </li>
        <li>
          <a class="nav scrolltoview current" href="#search"><span class="icon">🔍</span>搜索</a>
        </li>
        <li>
          <a class="nav scrolltoview" href="#foryou"><span class="icon">⚜️</span>知识体系</a>
        </li>
        <li class="subhead">分类</li>
        <li>
          <a class="nav scrolltoview" href="#dev-snippets"><span class="icon">⛳</span>Dev Snippets | 代码片段</a>
        </li>
        <li>
          <a class="nav scrolltoview" href="#fe-kits"><span class="icon">⛳</span>FE Kits | Web 与大前端</a>
        </li>
        <li>
          <a class="nav scrolltoview" href="#be-kits"><span class="icon">⛳</span>BE Kits | 服务端架构</a>
        </li>
        <li>
          <a class="nav scrolltoview" href="#ai-kits"><span class="icon">⛳</span>AI Kits | 人工智能算法</a>
        </li>
        <li class="subhead">致敬</li>
        <li>
          <a class="nav scrolltoview" href="https://github.com/wx-chevalier/projects"><span
              class="icon">💕</span>wx-chevalier</a>
        </li>
        <li class="nav">
          <span class="icon">✨</span><a href="https://github.com/topics/wx-doc">More</a>
        </li>
      </ul>
    </nav>
    <div class="spacer"></div>
    <footer id="footer" class="footer" style="display:flex;justify-content: space-between;">
      <label class="theme-switch" for="checkbox" title="Night mode">
        <div class="slider round"></div>
        <input type="checkbox" id="checkbox" aria-label="Night mode" />
      </label>
      <div class="prompt">
        <a class="pagination" href="https://github.com/wx-chevalier" target="_blank" rel="noopener"
          aria-label="GitHub"><img src="icons/github.svg" alt="GitHub" /></a>
      </div>
    </footer>
  </aside>
  <main id="main" class="main">
    <article>
      <section id="search" class="results">
        <div class="flex">
          <input id="search-box" class="search-box" placeholder="Search projects by name, author, genre and etc ..."
            aria-label="Search projects" />
          <button id="installPWA" class="info" onclick="installPWA()" style="margin-left: 24px; padding: 8px 16px;">
            <img src="icons/pwalogo.svg" alt="PWA" style="height: 16px;" />
          </button>
        </div>
        <div class="list-book search">
          <div class="prompt">Enter a search term</div>
        </div>
      </section>
      <div id="foryou">
        <h1 class="section-title" style="margin-left:32px">知识体系</h1>
        <section class="results">
          <div class="list-book foryou">
            <a class="category" href="#pl">
              <div class="book">
                <div class="book-info">
                  <h1 class="section-title">Awesome MindMaps<br />思维脑图</h1>
                </div>
              </div>
            </a>
            <a class="category" href="#fe">
              <div class="book">
                <div class="book-info">
                  <h1 class="section-title">Awesome RoadMaps<br />进阶指南</h1>
                </div>
              </div>
            </a>
            <a class="category" href="#be">
              <div class="book">
                <div class="book-info">
                  <h1 class="section-title">Awesome CheatSheets<br />速查手册</h1>
                </div>
              </div>
            </a>
            <a class="category" href="#infras">
              <div class="book">
                <div class="book-info">
                  <h1 class="section-title">Awesome Interviews<br />面试必备</h1>
                </div>
              </div>
            </a>
          </div>
        </section>
      </div>
      <footer id="footer" class="footer" style="margin-top:24px"></footer>
    </article>
  </main>
  <script src="./assets/widget.js"></script>
  <script src="./assets/index.js"></script>
  <script>
    (function (h, o, t, j, a, r) {
      h.hj =
        h.hj ||
        function () {
          (h.hj.q = h.hj.q || []).push(arguments);
        };
      h._hjSettings = {
        hjid: 1026253,
        hjsv: 6
      };
      a = o.getElementsByTagName("head")[0];
      r = o.createElement("script");
      r.async = 1;
      r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
      a.appendChild(r);
    })(window, document, "https://static.hotjar.com/c/hotjar-", ".js?sv=");
  </script>
</body>

</html>